@extends('home.userinfo.user_layout')
@section('title',$title)
@section('content')
	<div id="main_center" style="margin-left:170px;">
		<div id="bread" style="height: 20px;
	    padding: 0 0 4px 6px;
	    margin-bottom: 10px;
	    overflow: hidden;
	    line-height: 20px;
	    vertical-align: baseline;
	    margin-top:15px;">
		<strong style="display: inline;
	    font-weight: 700;
	    line-height: 20px;
	    font-size: 18px;"><a href="/user">我的京东</a></strong>
			<span>
			&nbsp; ＞ &nbsp;<a href="/dingdan">订单中心</a>&nbsp; ＞ &nbsp;订单详情</span>
		</div>
		<div class="order" id="orderstate" style="background:#fffceb;
	    border: 1px solid #eed97c;
	    padding: 0 5px;
	    margin-bottom: 10px;
        overflow: hidden;
        width:995px;">
			<div class="order1" style="border-bottom: 1px solid #eed97c;
		    height: 25px;
		    line-height: 25px;
		    padding: 4px 8px;">
				<strong>
				订单号：{{$dingdan -> ordernum}}　　<!-- 状态:
				<span>未发货</span> -->
				</strong>
			</div>
			<div class="order2" style="overflow: hidden;
		    color: #333;
		    padding: 10px 8px;">
				订单已经完成，感谢您在京东商城购物，欢迎您对本次交易及所购商品进行评价.
			</div>
		</div>
		<div class="important">
			 重要提醒：京东平台及销售商不会以
			<strong style="color:red;">订单异常、系统升级</strong>
			为由，要求您点击任何网址链接进行退款操作。烦请关注京东平台
			<a href="#">“谨防诈骗公告声明”</a>
		</div>
		<div id="orderinfo" style="color: #333;
	    background: #ededed;
	    border: 1px solid #dadada;
	    overflow: visible;
	    padding: 0 5px 10px;
	    margin-bottom: 10px;
	    width:995px;">
			<div class="mt" style="font-size: 14px;
		    height: 30px;
		    line-height: 30px;
		    padding: 0 8px;">
				<strong>订单信息</strong>
			</div>
			<div class="nt" style="background: #fff;
		    overflow: visible;
		    padding: 5px 8px;">
				<dl>
					<dt class="for" style="border-top: none;
                    color: #333;font-weight: bold;">收货人信息</dt>
					<dd>
						<ul>
							<li style="display: list-item;
                            text-align:-webkit-match-parent;">收货人：{{$dingdan -> utname}}</li>
							<li style="display: list-item;
                            text-align:-webkit-match-parent;">地　址：{{$dingdan -> address}}</li>
							<li style="display: list-item;
                            text-align:-webkit-match-parent;">手机号：{{$dingdan -> uphone}}</li>
						</ul>
					</dd>
				</dl>
				<dl style="display: block;
			    -webkit-margin-before: 1em;
			    -webkit-margin-after: 1em;
			    -webkit-margin-start: 0px;
			    -webkit-margin-end: 0px;">
					<dt>商品清单</dt>
					<dd class="shop_list" style="border-left: 1px solid #dedede;
				    margin-right: -1px;
				    overflow: hidden;">
						<table width="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
							<tbody style="display: table-row-group;
						    vertical-align: middle;
						    border-color: inherit;">
								<tr style="background:#f0f0f0;    display: table-row;
							    vertical-align: inherit;
							    border-color: inherit;">
									<th width="12%" style="font-weight:bold;display:table-cell;
                                    vertical-align:inherit;">商品ID</th>
									<th width="18%" style="font-weight:bold;display:table-cell;
                                    vertical-align:inherit;">商品图片</th>
									<th width="40%" style="font-weight:bold;display:table-cell;
                                    vertical-align:inherit;">商品名称</th>
									<th width="10%" style="font-weight:bold;display:table-cell;
                                    vertical-align:inherit;">京东价</th>
									<th width="10%" style="font-weight:bold;display:table-cell;
                                    vertical-align:inherit;">发货状态</th>
									<th width="10%" style="font-weight:bold;display:table-cell;
                                    vertical-align:inherit;">商品数量</th>
								</tr>
								@foreach($data as $d)
								<tr style="display: table-row;
							    vertical-align: inherit;
							    border-color: inherit;">
										<td style="background: #fff none repeat scroll 0 0;
									    border-bottom: 1px solid #dedede;
									    border-left: 1px solid #f0f0f0;
									    border-top: 1px solid #dedede;
									    padding: 5px;
									    text-align: center;">{{$d -> goods_id}}</td>
										<td style="background: #fff none repeat scroll 0 0;
									    border-bottom: 1px solid #dedede;
									    border-left: 1px solid #f0f0f0;
									    border-top: 1px solid #dedede;
									    padding: 5px;
									    text-align: center;">
											<div>
												<img src="{{$d -> goods_pic}}">											
											</div>
										</td>
										<td style="background: #fff none repeat scroll 0 0;
									    border-bottom: 1px solid #dedede;
									    border-left: 1px solid #f0f0f0;
									    border-top: 1px solid #dedede;
									    padding: 5px;
									    text-align: center;">
											<div><a href="/detail/{{$d -> goods_id}}">{{$d -> goodsname}}</a></div>
										</td>
										<td style="background: #fff none repeat scroll 0 0;
									    border-bottom: 1px solid #dedede;
									    border-left: 1px solid #f0f0f0;
									    border-top: 1px solid #dedede;
									    padding: 5px;
									    text-align: center;">
											<span>{{$d -> price}}</span>
										</td>
										<td style="background: #fff none repeat scroll 0 0;
									    border-bottom: 1px solid #dedede;
									    border-left: 1px solid #f0f0f0;
									    border-top: 1px solid #dedede;
									    padding: 5px;
									    text-align: center;">
										@if($d -> status == 0)
										未发货
										@endif
										@if($d -> status == 1)
										已发货
										@endif
									    </td>
										<td style="background: #fff none repeat scroll 0 0;
									    border-bottom: 1px solid #dedede;
									    border-left: 1px solid #f0f0f0;
									    border-top: 1px solid #dedede;
									    padding: 5px;
									    text-align: center;">{{$d -> num}}</td>
									</tr>							
									@endforeach
								</tbody>
						</table>
					</dd>
				</dl>
			</div>
			<div style="height:150px;width:950px;">
				<div style="width:200px;height:80px;border-bottom:1px solid #ccc;">
						<div style="width:200px;height:20px;"></div>
						<span style="line-height: 20px;
                        overflow: hidden;font-size: 14px;">总商品金额：￥{{$dingdan -> goods_price}}</span><br>
						<span style="line-height: 20px;
                        overflow: hidden;font-size: 14px;">- 返现： ￥0.00</span><br>
						<span style="line-height: 20px;
                        overflow: hidden;font-size: 14px;">+ 运费： ￥0.00</span>
					
				</div>
				<div style="width:200px;height:40px;">
					<span style="clear: both;
				    border-top: 1px solid #ccc;
				    float: left;
				    font-size: 16px;
				    font-weight: bold;
				    padding: 10px 20px 0 0;">应付总额：<a style="color:red;">￥{{$dingdan -> goods_price}}</a></span>
				</div>
			</div>
			



		</div>
	</div>
@endsection